<template>
    <div>
        <button @click="getMovieList">获取电影列表</button>
        <ul>
            <li v-for="item in movieList" :key="item.albumId">
                {{ item.albumName }}</li>
        </ul>
    </div>
</template>

<script lang="ts">
import { defineComponent } from 'vue'
export default defineComponent({
    name: 'Movie'
})
</script>
<script lang="ts" setup>
import { storeToRefs } from 'pinia'
import useMovieState from '../../store/movie/index'

const movieStateList = useMovieState()
const { movieList } = storeToRefs(movieStateList)
const { getMovieList } = movieStateList

</script>

<style lang="less" scoped>

</style>